@charset "utf-8";

.banner { position:relative; width:100%; text-align:center; z-index:1;  }
.banner .bd {  /*left:50%; width:1920px; margin-left:-960px;*/ }
.banner .bd img { vertical-align:top; width:100%;}
.banner .hd { position:absolute; bottom:145px; left:0; height:14px; width:100%; z-index:5; display:none;}
.banner .hd ul { text-align:center; font-size:0;}
.banner .hd ul li { display:inline-block; margin:0 5px; width:14px; height:14px; border-radius:50%; cursor:pointer; background:#fff;}
.banner .hd ul li.on { background:#01b0f1; }
.banner .prev{ width:76px; height:114px; position:absolute; left:5%; top:50%; margin-top:-57px; background:url(../images/mm1.png) no-repeat; cursor:pointer; display:none}
.banner .next{ width:76px; height:114px; position:absolute; right:5%; top:50%;margin-top:-57px; background:url(../images/mm2.png) no-repeat; cursor:pointer; display:none}
.banner:hover .prev,.banner:hover .next{ display:block;}
.banner .mhd{ position:absolute; bottom:0; left:0; height:128px; background:rgba(0,0,0,0.29); width:100%; display:none; }
.banner .mhd li{ float:left; width:300px; height:128px;}
.banner .mhd li a{ display:block;  padding-top:40px; height:88px; }
.banner .mhd li a.b1{ background:url(../images/z1.png) 12px center no-repeat;width:230px; padding-left:70px;}
.banner .mhd li a.b2{ background:url(../images/z2.png) 22px center no-repeat;width:210px; padding-left:90px;}
.banner .mhd li a.b3{ background:url(../images/z3.png) 22px center no-repeat;width:210px; padding-left:90px;}
.banner .mhd li a.b4{ background:url(../images/z4.png) 22px center no-repeat;width:210px; padding-left:90px;}
.banner .mhd li:hover a.b1{ background:url(../images/z1_1.png) 12px center no-repeat;}
.banner .mhd li:hover a.b2{ background:url(../images/z2_1.png) 22px center no-repeat;}
.banner .mhd li:hover a.b3{ background:url(../images/z3_1.png) 22px center no-repeat;}
.banner .mhd li:hover a.b4{ background:url(../images/z4_1.png) 22px center no-repeat;}
.banner .mhd li .p1{ font-size:18px; color:#fff; text-align:left;}
.banner .mhd li .p2{ font-size:14px; color:#fff; text-align:left;}
.banner .mhd li:hover { background:rgba(255,255,255,0.08)}



.container { position: relative; width: 100%;  }

.tit {font-size:28px; color:#000; text-align:center; margin-bottom:8px; }
.tit1 { font-size:14px; color:#999; text-align:center; }
.tit3 { font-size:28px; color:#fff; text-align:center; }

.con1 { padding-top:90px;}
.tm1 .hd ul{ margin-top:90px; text-align:center; }
.tm1 .hd li { display:inline-block; width:200px; height:208px; text-align:center;}
.tm1 .hd li.on { background:url(../images/b2.jpg) center bottom no-repeat;}
.tm1 .hd li .pic{ width:92px; height:92px; margin:0 auto; overflow:hidden;}
.tm1 .hd li p{ text-align:center; margin-top:20px;}
.tm1 .hd li p a { color:#000; font-size:18px;}
.tm1 .hd li:hover a{ color:#01b0f1;}
.tm1 .kks{ width:1200px; margin:0 auto; position:relative; padding-top:103px; }
.tm1 .kks .prevx{ width:54px; height:54px; position:absolute; left:-54px; top:132px; background:url(../images/prev1.png) no-repeat; cursor:pointer;}
.tm1 .kks .nextx{ width:54px; height:54px; position:absolute; right:-54px; top:132px; background:url(../images/next1.png) no-repeat; cursor:pointer;}
.tm1 .kks .kj{ width:1200px; overflow:hidden;}

.tm1 .bd{ height:306px;background:url(../images/b1.jpg) center no-repeat;}
.tm1 .bd ul{ text-align:center; }
.tm1 .bd li { width:264px; height:120px; display:inline-block; margin:0 18px; background:#fff;}
.tm1 .bd li a{ display:block; width:100%;width:224px; padding:0 20px;height:120px; }
.tm1 .bd li h4{ font-weight:normal; color:#000; font-size:18px; margin-top:30px; margin-bottom:8px;text-align:left;}
.tm1 .bd li p { color:#999; font-size:14px; text-align:left;}
.tm1 .bd li:hover { background:#01b0f1;}
.tm1 .bd li:hover h4{ color:#fff;}
.tm1 .bd li:hover p{ color:#fff;}

.con2{padding-top:90px;}
.con2 .yss{ padding-top:140px;}
.con2 .yss ul{ text-align:center;}
.con2 .yss li { width:16%; display: inline-block;padding: 0 40px;}
.con2 .yss li h3{ font-size:18px; color:#383838; margin-top:25px; margin-bottom:22px;}
.con2 .yss li .pic{ width:113px; height:113px; margin:0 auto;}
.con2 .yss li .p1{ font-size:14px; color:#7b7b7b; margin-bottom:30px;}
.con2 .yss li .p2{}

.con3{ height:489px; padding-top:70px; width:100%; background:url(../images/banner2.jpg) center no-repeat; margin-top:90px;}
.con3 ul { padding-top:90px;}
.con3 li { float:left; width:300px; text-align:center; color:#fff;}
.con3 li h4{ font-weight:normal; font-size:16px;}
.con3 li h4 span{ font-size:78px; color:#fff;}
.con3 li p { font-size:16px; color:#fff;}
.con3 .more{ display:block; width:216px; height:60px; border:1px solid #fff; text-align:center; line-height:60px; border-radius:30px; margin:0 auto; margin-top:85px; font-size:16px; color:#fff;}
.con3 .more:hover{ transition:all ease 1s; -webkit-transition:all ease 1s; background:#fff; color:#01b0f1;}

.con4{ height:664px; background:url(../images/b4.jpg) center no-repeat; padding-top:90px;}
.con4 .hd{ margin-top:50px;}
.con4 .hd ul{  width:1200px; margin:0 auto;}
.con4 .hd li { display:inline-block; color:#000; font-size:18px; font-weight:bold; padding:0 10px; padding-bottom:15px; cursor:pointer;}
.con4 .hd li a{color:#000;}
.con4 .hd li.on{ border-bottom:2px solid #01b0f1;}
.con4 .bd{ margin-top:36px;}
.con4 .bd ul { width:1270px;}
.con4 .bd li { width:355px; float:left; margin-right:68px;}
.con4 .bd li a{ display:block; width:100%; height:100%;}
.con4 .bd li .pic{ width:355px; height:194px; overflow:hidden;}
.con4 .bd li h4{ font-weight:normal; color:#000; font-size:16px; margin-top:22px; margin-bottom:12px;}
.con4 .bd li .p1{ color:#666666; padding-left:20px; background:url(../images/c1.jpg) left center no-repeat; margin-bottom:14px;}
.con4 .bd li .p2{ color:#666666; font-size:14px;}
.con4 .bd li:hover img{ transition:all 1s ease; transform:scale(1.2); -webkit-transition:all 1s ease;-webkit-transform:scale(1.2);}
.con4 .bd li:hover h4{ color:#01b6f1;}

.con5{ padding-top:105px; background:#f2f2f2; padding-bottom:95px;}
.con5 .cbd{ padding-top:90px;}
.con5 .cbd li { float:left; width:203px; height:80px; border:1px solid #e5e5e5; margin:0 17px 16px}
.con5 .more{ display:block; width:160px; height:48px; text-align:center; line-height:48px; border-radius:20px; background:#fff; font-size:16px; color:#000; margin:0 auto;margin-top:20px;}
.con5 .more:hover{ transition:all ease 1s; -webkit-transition:all ease 1s; background:#01b0f1; color:#fff;}
.con4 li:hover .intro{ opacity:1; transition:all ease .5s; -webkit-transition:all ease .5s;}
.ts{ -webkit-animation: leftTs 0.5s 1 linear; animation: leftTs 0.5s 1 linear; }
@-webkit-keyframes leftTs {
    0% { transform: scale(0);}
    50% {  transform: scale(0.5); }
    100% {  transform: scale(1); }
}